Skip to content

[#310] Filter bar polish: short labels, cleanup, overflow safety#311

Merged
realproject7 merged 1 commit intomainfrom
task/310-filter-polish
Mar 18, 2026
Merged

[#310] Filter bar polish: short labels, cleanup, overflow safety#311
realproject7 merged 1 commit intomainfrom
task/310-filter-polish

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Mobile labels shortened: W:, G:, L: — desktop keeps full writer:, genre:, lang:
  • Deleted orphaned components: WriterFilter.tsx, GenreLanguageFilter.tsx, SortDropdown.tsx
  • WriterFilterValue type moved into FilterBar.tsx and re-exported
  • Added min-w-0 on token containers and overflow-x-auto on the bar for narrow-screen safety

Fixes #310

Test plan

  • Mobile: labels show as W:All G:All L:English ↕
  • Desktop: labels show as writer:All genre:All lang:English sort:Recent
  • No type errors (npm run typecheck)
  • No lint errors (npm run lint)
  • Build passes
  • Very narrow screens: bar scrolls horizontally instead of overflowing

🤖 Generated with Claude Code

- Mobile labels shortened: W:, G:, L: (full labels on sm+)
- Removed orphaned WriterFilter, GenreLanguageFilter, SortDropdown
- Moved WriterFilterValue type into FilterBar
- Added min-w-0 and overflow-x-auto for narrow-screen safety

Fixes #310

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Clean cleanup. Short labels use correct responsive pattern (sm:hidden/hidden sm:inline). Orphaned components properly deleted, WriterFilterValue type preserved via re-export. Overflow safety with overflow-x-auto + min-w-0 is the right approach. LGTM.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

The PR completes the requested filter-bar polish and removes the orphaned components cleanly.

Findings

  • No blocking findings.

Decision

Approving because mobile labels are shortened while desktop keeps the full labels, the unused legacy filter components are removed, the writer type is preserved via FilterBar, and the narrow-screen overflow safety is added without changing filter behavior.

@realproject7 realproject7 merged commit 205e508 into main Mar 18, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[fix] Filter bar mobile polish — shorten labels + cleanup orphaned components

2 participants